﻿<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">

<head th:replace="~{/public::public-head}">
</head>

<style type="text/css">
    .photo{
        width: 80px;
        height: 115px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .duty{
        display: block;
        width: 150px;
        overflow:hidden;
        text-overflow:ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        color: black;
    }
</style>

<body class="template-color-1">

    <div id="main-wrapper">
        <div th:insert="~{/public::navigate}"></div>
        <div style="height: 100px; border-bottom: 1px solid #e2e4ea"></div>

        <!-- 中间部分 Start -->
        <div class="dashboard-content-section section bg_color--5">
            <div class="container-fluid p-0">
                <div class="row no-gutters">
                    <!-- 侧边栏 -->
                    <div th:replace="~{/public::sidebar(active='hrManagement')}"></div>
                    <!-- 具体内容 -->
                    <div class="col-xl-10 col-lg-9">
                        <div id="forbidden" hidden> 当前账号已被限制使用 </div>
                        <span  sec:authorize="isAuthenticated()" sec:authentication="principal.accountStatus"
                               type="text" id="accountStatus" hidden></span>

                        <div class="dashboard-main-inner">
                            <div class="row">
                                <div class="col-12">
                                    <div class="page-breadcrumb-content mb-40">
                                        <h1>HR 信息管理 </h1>
                                    </div>
                                    <div sec:authentication="authorities" hidden id="authorities"></div>
                                    <div  sec:authorize="isAuthenticated()" sec:authentication="principal.userId"
                                          type="text" id="companyId" hidden></div>
                                </div>
                            </div>
                            <div class="dashboard-overview">
                                <div class="row">
                                    <div class="col-xl-12 col-12">
                                        <div class="submited-applications mb-50">
                                            <div class="applications-heading d-flex">
                                                <div class="message-fields-form p-0 border-0">
                                                    <form action="#">
                                                        <div class="message-form review-from mt-0">
                                                            <button class="search-btn"><i class="lnr lnr-magnifier"></i></button>
                                                            <input type="text" placeholder="想要搜索的 HR 名字" id="hr_search" onblur="click_search()">
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                            <div class="applications-main-block">
                                                <div class="applications-table">
                                                    <table class="table">
                                                        <thead>
                                                            <tr>
                                                                <th class="">姓名</th>
                                                                <th class="">照片</th>
                                                                <th class="">职责</th>
                                                                <th class="">状态</th>
                                                                <th class="">创建日期</th>
                                                                <th class="text-right">操作</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody id="hrList">

                                                        </tbody>
                                                    </table>
                                                </div>
                                                <div class="application-pagination mb-30">
                                                    <div class="row">
                                                        <div class="col-12" style="text-align: center;">
                                                            <div id="page" class="page_div"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 中间部分 End -->

        <div th:insert="~{/public::footer}"></div>
    </div>

    <div th:replace="~{/public::public-js}"></div>

<!--    <script th:src="@{/js/myjob/company/}"></script>-->

    <script th:src="@{/js/myjob/company/hrManagement.js}"></script>


</body>

</html>
